{% extends "!layout.html" %} {% block extrahead %}
<meta property="og:image" content="{{og_image}}" />

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NLDVC93R');</script>
<!-- End Google Tag Manager -->

<link
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
  rel="stylesheet"
/>
<script src="https://tag.clearbitscripts.com/v1/pk_b9ed71c8234edd4f77326bcbfab5a4ca/tags.js"></script>

<!-- Favicon -->
<link rel="icon" sizes="16x16" href="/_static/favicon/favicon-16.png" />
<link rel="icon" sizes="32x32" href="/_static/favicon/favicon-32.png" />
<link rel="icon" sizes="64x64" href="/_static/favicon/favicon-64.png" />
<link rel="apple-touch-icon" sizes="128x128" href="/_static/favicon/favicon-128.png" />
<link rel="apple-touch-icon" sizes="256x256" href="/_static/favicon/favicon-256.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/_static/favicon/favicon-512.png" />

<!-- https://buttons.github.io -->
<script async defer src="https://buttons.github.io/buttons.js" ></script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XD15NFRY3M" ></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date());
  gtag("config", "G-XD15NFRY3M");
</script>

<!-- bigpicture.io -->
<script>
  !(function (e, t, i) {
    var r = (e.bigPicture = e.bigPicture || []);
    if (!r.initialized)
      if (r.invoked)
        e.console &&
          console.error &&
          console.error("BigPicture.io snippet included twice.");
      else {
        (r.invoked = !0),
          (r.SNIPPET_VERSION = 1.5),
          (r.handler = function (e) {
            if (void 0 !== r.callback)
              try {
                return r.callback(e);
              } catch (e) {}
          }),
          (r.eventList = ["mousedown", "mouseup", "click", "submit"]),
          (r.methods = [
            "track",
            "identify",
            "page",
            "group",
            "alias",
            "integration",
            "ready",
            "intelReady",
            "consentReady",
            "on",
            "off",
          ]),
          (r.factory = function (e) {
            return function () {
              var t = Array.prototype.slice.call(arguments);
              return t.unshift(e), r.push(t), r;
            };
          });
        for (var n = 0; n < r.methods.length; n++) {
          var o = r.methods[n];
          r[o] = r.factory(o);
        }
        r.getCookie = function (e) {
          var i = ("; " + t.cookie).split("; " + e + "=");
          return 2 == i.length && i.pop().split(";").shift();
        };
        var c = (r.isEditor = (function () {
          try {
            return (
              e.self !== e.top &&
              (new RegExp("app" + i, "ig").test(t.referrer) ||
                "edit" == r.getCookie("_bpr_edit"))
            );
          } catch (e) {
            return !1;
          }
        })());
        r.init = function (n, o) {
          if (((r.projectId = n), (r._config = o), !c))
            for (var a = 0; a < r.eventList.length; a++)
              e.addEventListener(r.eventList[a], r.handler, !0);
          var s = t.createElement("script");
          s.async = !0;
          var d = c ? "/editor/editor" : "/public-" + n;
          (s.src = "//cdn" + i + d + ".js"),
            t.getElementsByTagName("head")[0].appendChild(s);
        };
      }
  })(window, document, ".bigpicture.io");
  bigPicture.init("1646");
</script>
{% endblock %}

{%- block content %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLDVC93R"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  {# A tiny helper pixel to detect if we've scrolled #}
  <div id="pst-scroll-pixel-helper"></div>
  <div id="pst-search-dialog"></div>
  {%- if theme_back_to_top_button %}
  {# the scroll to top button #}
  <button type="button" class="btn rounded-pill" id="pst-back-to-top">
    <i class="fa-solid fa-arrow-up"></i>
    {{- _("Back to top") -}}
  </button>
  {%- endif %}

  {% include "sections/announcement.html" %}

  {% block docs_navbar %}
    <header id="pst-header" class="bd-header navbar navbar-expand-lg bd-navbar d-print-none">
      {%- include "sections/header.html" %}
    </header>
  {% endblock docs_navbar %}

  <div class="bd-container">
    <div class="bd-container__inner bd-page-width">
      {# Primary sidebar #}
      {# If we have no sidebar TOC, pop the TOC component from the sidebars list #}
      {% if suppress_sidebar_toctree(includehidden=theme_sidebar_includehidden | tobool) %}
        {% set sidebars = sidebars | reject("in", ["sidebar-collapse.html", "sidebar-nav-bs.html"]) | list %}
      {% endif %}
      <dialog id="pst-primary-sidebar-modal"></dialog>
      <div id="pst-primary-sidebar" class="bd-sidebar-primary bd-sidebar{% if not sidebars %} hide-on-wide{% endif %}">
        {% include "sections/sidebar-primary.html" %}
      </div>
      {# Using an ID here so that the skip-link works #}
      <main id="main-content" class="bd-main" role="main">
        {# Main content area #}
        {% block docs_main %}
          <div class="bd-content">
            <div class="bd-article-container">
              {# Article header #}
              <div class="bd-header-article d-print-none">{% include "sections/header-article.html" %}</div>
              {# Article content #}
              {% block docs_body %}
                <article class="bd-article">
                  {% block body %}{% endblock %}
                </article>
              {% endblock docs_body %}
              {# Article Footer #}
              {% if theme_article_footer_items %}
                <footer class="bd-footer-article">
                  {% include "sections/footer-article.html" %}
                </footer>
              {% endif %}
              {# prev-next buttons #}
              {% if theme_show_prev_next %}
                <footer class="prev-next-footer d-print-none">
                  {% include "components/prev-next.html" %}
                </footer>
              {% endif %}
            </div>
            {# Secondary sidebar #}
            {% block docs_toc %}
              {% if not remove_sidebar_secondary %}
                <dialog id="pst-secondary-sidebar-modal"></dialog>
                <div id="pst-secondary-sidebar" class="bd-sidebar-secondary bd-toc">{% include "sections/sidebar-secondary.html" %}</div>
              {% endif %}
            {% endblock docs_toc %}
          </div>
          <footer class="bd-footer-content">
            {% include "sections/footer-content.html" %}
          </footer>
        {% endblock docs_main %}
      </main>
    </div>
  </div>
  {# Scripts placed at the end of the page to cut down on time to first content #}
  {%- block scripts_end %}{{ _webpack.body_post() }}{%- endblock scripts_end %}
{%- endblock content %}
